.check-opinion {
  padding: calc(16px * 2);
  padding-bottom: 0;
  &__form {
    .title {
      position: relative;
      font-weight: 600;
      font-size: 32px;
      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: -32px;
        width: 12px;
        height: 100%;
        background-color: #f6c401;
      }
    }
    .opinion {
      margin-top: 24px;
      display: flex;
      justify-content: space-between;
      font-size: 28px;
      .label {
        color: #666;
        &::after {
          content: "*";
          color: red;
        }
      }
      .weui-cells_radiogroup {
        display: flex;
        label {
          margin-left: 20px;
          display: flex;
          align-items: center;
        }
      }
      .weui-cells_checkbox .weui-icon-checked:before {
        color: #f6c401;
        font-size: 40px;
      }
      [class^="weui-icon-"] {
        display: unset;
        vertical-align: unset;
      }

    }
    .remark {
      margin-top: 24px;
      &_label {
        font-size: 28px;
        color: #666;
        margin-bottom: 10px;
      }
    }
  }

  .buttons {
    background-color: #f8f8f8;
    padding: 60px 32px;
    margin: 0 -32px;
    display: flex;
    margin-top: 32px;
    .btn {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32px;
      border-radius: 8px;
      height: 88px;
      &--cancel {
        background-color: #fff;
        margin-right: 10px;
      }
      &--submit {
        background-color: #f6c401;
        margin-left: 10px;
      }
    }
  }
}
